<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
     xmlns:h="http://java.sun.com/jsf/html"
     xmlns:ui="http://java.sun.com/jsf/facelets"
     xmlns:p="http://primefaces.org/ui"
     xmlns:a="http://xmlns.jcp.org/jsf/passthrough"
     template="TemplateFrontEnd.xhtml">
<ui:define name="title">paiment</ui:define>
<ui:define name="body" >
<br/><br/><br/>
<h:form>
<h:inputHidden value="#{infoOffreMB.idOffre}" />
<h:inputHidden value="#{infoOffreMB.preTotal}" />
<p:panel id="basic" header="Temporary User Pre-estimated Prepaid Amount to Move Cargo" footer="Movie Details" style="margin-bottom:20px">
<p:panelGrid columns="1">
        <p:outputLabel value="To Confirm Your Payment Simply Choose Your Payment Method And Follow Payment Procedures."/>
        <p:panelGrid columns="2">
        <p:outputLabel value="Shipment Desired Price:" />
        <p:outputLabel value="#{infoOffreMB.desiredPrice}"/>
        <p:outputLabel value="% Rate Applied on Shipment:" />
        <p:outputLabel value="#{infoOffreMB.s.taux}"/>
        <p:outputLabel value="Pre-estimated Prepaid:" />
        <p:outputLabel value="#{infoOffreMB.prepaid}"/>
        <p:outputLabel value="VAT:" />
        <p:outputLabel value="#{infoOffreMB.TVA}"/>
        <p:outputLabel value="Total Amount include VAT:" /> 
        <p:outputLabel value="#{infoOffreMB.preTotal}"/>
        <p:outputLabel value="Pre-estimated Prepaid Amount Include VAT:"/>
        <p:outputLabel value="#{infoOffreMB.total}"/>
        </p:panelGrid>
        <br/>  <br/>
        <p:panel>
		Notice Regarding Temporary user Payment:
		All Users that choose Temporary Payment:
		The Pre-estimated Prepaid Amount is just a temporary Payment,
		it's a small fraction amount of the payment is detained for the use of Move Cargo platform,
		it's not refundable and its deductible when the user wins the chosen auction. 
        </p:panel>
</p:panelGrid>
</p:panel>

<p:panel  header="Temporary User Pre-estimated Prepaid Amount to Move Cargo " footer="Movie Details" style="margin-bottom:20px">
<p:outputLabel value="To Confirm Your Payment Simply Choose Your Payment Method And Follow Payment Procedures."/>
<p:messages showDetail="true"/>
<p:panelGrid columns="2">

 <p:panel  header="Payment Method "  style="margin-bottom:20px">
 <p:panelGrid columns="2">
  <p:selectBooleanCheckbox value="#{infoOffreMB.paypal}" />
 <p:graphicImage value="../images/paiement/paypal.png" />
  
  <p:selectBooleanCheckbox value="#{infoOffreMB.visa}" />
  <p:graphicImage value="../images/paiement/visa.png" />
        <br/><br/>
    <p:outputLabel value="Other Mode Please select below:" />
    <br/><br/>
  <p:panelGrid columns="3">
    <p:selectBooleanCheckbox value="#{infoOffreMB.bankTransfer}"   itemLabel="Bank Transfer"/>
    <p:selectBooleanCheckbox value="#{infoOffreMB.cash}" itemLabel="Cash" />
    <p:selectBooleanCheckbox value="#{infoOffreMB.cheque}" itemLabel="Cheque" />
        
     <p:selectBooleanCheckbox value="#{infoOffreMB.westernUnion}" itemLabel=" Western Union" />
     <p:selectBooleanCheckbox value="#{infoOffreMB.moneyGram}" itemLabel="Money Gram" />
     <p:selectBooleanCheckbox value="#{infoOffreMB.wireTransfer}" itemLabel="Wire Transfer" />
  </p:panelGrid>
  </p:panelGrid>
 
 </p:panel>
 <p:panel header="What Happens Next?">
   <p:dataList value="#{infoOffreMB.listeInfo(0)}" var="car" type="ordered">
        #{car}
   </p:dataList>
    <br/>  <br/>  <br/>
      <p:graphicImage value="../images/paiement/verisign.png" />
  </p:panel> 
</p:panelGrid>
  <p:commandButton ajax="false" value="Submit Payment" action="#{infoOffreMB.submitPayment(0)}"/>
  
</p:panel>

  </h:form>      
</ui:define>
</ui:composition>